<template>
  <div
    class="jiaojiebancomdiv"
    :style="{
      padding: getpmtwo(3, 6),
      height: '100%',
    }"
  >
    <div
      :style="{
        fontSize: getscalepxc(11),
        padding: getpmtwo(4, 12),
        backgroundColor: '#0B3462',
        fontWeight: 'bold',
      }"
      class="fwwsbcwh1"
    >
      值班人员： 张三
      <span
        :style="{
          color: '#57BFF3',
        }"
      >
        <i class="el-icon-date"></i>
        2020-4-29 09:00-:15:00
      </span>
    </div>
    <div :style="{
      height: 'calc(100% - ' + getscalepxc(19) + ')'
    }">
      <div
        :style="{
          fontSize: getscalepxc(11),
          padding: getpmtwo(4, 12),
          backgroundColor: '#0B3462',
          margin: getpmfour(3, 0, 0, 0),
          color: '#9FC6D9',
          height: '100%',
        }"
      >
        交接班具体事项内容，交接班具体事项内容，交接班具体事项内容，交接班具体事项内容，交接班具体事项内容，交接班具体事项内容，
      </div>
    </div>
  </div>
</template>
<script>
import commonmixins from "@/mixins/bigScreen/commonmixins";

export default {
  name: "jiaojiebancom",
  mixins: [commonmixins],
  components: {},
  data() {
    return {};
  },
  computed: {},
  watch: {},
  mounted() {
    console.log(this.getpmtwo(0, 10));
  },
  methods: {},
};
</script>
<style lang='scss' scoped>
.jiaojiebancomdiv {
  color: white;
}
</style>